.wrapper .esun-charts-group .esun-receive-type1 {
  width: calc((100% - 16px) * 0.33);
  height: 320px;
  background-color: #50cd89;
}

.esun-receive-type2 {
  width: calc((100% - 16px) * 0.33);
  height: 320px;
}

.esun-receive-type3 {
  width: calc((100% - 16px) * 0.33);
  height: 320px;
}

.esun-receive-type4 {
  width: calc((100% - 16px) * 0.33);
  height: 626px;
}

.esun-receive-type5 {
  width: 67%;
  height: 626px;
  position: relative;
  margin-left: 0px;
  padding: 0px;
}

.esun-receive-type6 {
  width: calc((100% - 16px) * 0.33);
  height: 626px;
}

/* .esun-receive-type7 {
      width: 67%;
      height: 626px;
      position: relative;
      margin-left: 0px;
      padding: 0px;
  } */

.esun-boxmin {
  width: calc((100% - 16px) * 0.239);
  height: 305px;
  position: relative;
  background-color: rgb(120, 72, 233);
  border-radius: 15px;
  float: left;
  margin-left: 14px;
}

.esun-boxmin2 {
  width: calc((100% - 16px) * 0.235);
  height: 305px;
  position: relative;
  background-color: rgb(120, 72, 233);
  border-radius: 15px;
  float: left;
  margin-left: 16px;
}

.esun-boxmin2:nth-child(1) {
  background-color: #165dff;
}

.esun-boxmin2:nth-child(2) {
  background-color: #50cd89;
}

.esun-boxmin2:nth-child(3) {
  background-color: #ffc700;
}

.esun-boxmin2:nth-child(4) {
  background-color: #b5bdcb;
}

.esun-boxmin:nth-child(1) {
  background-color: #165dff;
}

.esun-boxmin:nth-child(2) {
  background-color: #50cd89;
}

.esun-boxmin:nth-child(3) {
  background-color: #ffc700;
}

.esun-boxmin:nth-child(4) {
  background-color: #7239ea;
}

.esun-boxmin:nth-child(5) {
  margin-top: 16px;
  background-color: #0fc6c2;
}

.esun-boxmin:nth-child(6) {
  margin-top: 16px;
  background-color: #f1416c;
}

.esun-boxmin:nth-child(7) {
  margin-top: 16px;
  background-color: #b5bdcb;
}

.esun-boxmin .boxmincontent {
  position: relative;
  margin-top: 15px;
  width: 100%;
  height: 293px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px 0px 15px 15px;
  padding-top: 14px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

.esun-boxmin .boxmincontent .contenttop {
  /* background-color: rgb(163, 34, 34); */
  height: 28px;
}

.esun-boxmin .boxmincontent .contenttop .topleft {
  /* background-color: rgb(30, 215, 221); */
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #1d2129;
  float: left;
}

.esun-boxmin .boxmincontent .contenttop .topright {
  position: relative;
  /* background-color: rgb(215, 30, 221); */
  float: right;
  height: 28px;
  font-size: 20px;
  font-size: 0.8em;
  /*大小*/
  padding: 0.4em;
  width: 6px;
  height: 6px;
  margin-top: 8px;
  border-top: 2px solid #4e5969;
  /*上面的线条*/
  border-right: 2px solid #4e5969;
  /*右边线条*/
  transform: rotate(45deg);
  /*主要是这个旋转45度*/
}

.esun-boxmin .boxmincontent .contenttop .topright span {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  background-color: #4e5969;
  width: 12px;
  height: 2px;
  transform: rotate(-45deg);
  margin-top: -8px;
  top: 12px;
  left: -1px;
}

.esun-boxmin .boxmincontent .implementmoney {
  margin-top: 24px;
}

.esun-boxmin .boxmincontent .implementmoney span {
  font-size: 24px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-boxmin .boxmincontent .implerate {
  margin-top: 10px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-boxmin .boxmincontent .implerate span {
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-boxmin .boxmincontent .implerate .ratestrip {
  position: relative;
  height: 12px;
  background-color: #004cff;
  margin-top: 9px;
  z-index: 100;
}

.esun-boxmin .boxmincontent .implerate .ratestripunder {
  position: relative;
  width: 100%;
  height: 12px;
  background-color: #e8f3ff;
  margin-top: -12px;
  /* color: #7d8083; */
}

.esun-boxmin .boxmincontent .themessage {
  width: 100%;
  height: 47px;
  /* background-color: rgb(241, 50, 50); */
  margin-top: 23px;
}

.esun-boxmin .boxmincontent .themessage .themessagedown {
  margin-top: 14px;
  /* background-color: rgb(39, 98, 133); */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.esun-boxmin .boxmincontent .themessage .themessagedown .downleft {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-boxmin .boxmincontent .themessage .themessagedown .downright {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #86909c;
}

.esun-boxmin .boxmincontent .themessage .themessagedown .downright span {
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

/* //////////////////////////////////////////////////////////////////////////////////////// */
.esun-boxmin2 .boxmincontent {
  position: relative;
  margin-top: 15px;
  width: 100%;
  height: 293px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px 0px 15px 15px;
  padding-top: 14px;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}

.esun-boxmin2 .boxmincontent .contenttop {
  /* background-color: rgb(163, 34, 34); */
  height: 28px;
}

.esun-boxmin2 .boxmincontent .contenttop .topleft {
  /* background-color: rgb(30, 215, 221); */
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #1d2129;
  float: left;
}

.esun-boxmin2 .boxmincontent .contenttop .topright {
  position: relative;
  /* background-color: rgb(215, 30, 221); */
  float: right;
  height: 28px;
  font-size: 20px;
  font-size: 0.8em;
  /*大小*/
  padding: 0.4em;
  width: 6px;
  height: 6px;
  margin-top: 8px;
  border-top: 2px solid #4e5969;
  /*上面的线条*/
  border-right: 2px solid #4e5969;
  /*右边线条*/
  transform: rotate(45deg);
  /*主要是这个旋转45度*/
}

.esun-boxmin2 .boxmincontent .contenttop .topright span {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  background-color: #4e5969;
  width: 12px;
  height: 2px;
  transform: rotate(-45deg);
  margin-top: -8px;
  top: 12px;
  left: -1px;
}

.esun-boxmin2 .boxmincontent .implementmoney {
  margin-top: 24px;
}

.esun-boxmin2 .boxmincontent .implementmoney span {
  font-size: 24px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-boxmin2 .boxmincontent .implerate {
  margin-top: 10px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-boxmin2 .boxmincontent .implerate span {
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-boxmin2 .boxmincontent .implerate .ratestrip {
  position: relative;
  height: 12px;
  background-color: #004cff;
  margin-top: 9px;
  z-index: 100;
}

.esun-boxmin2 .boxmincontent .implerate .ratestripunder {
  position: relative;
  width: 100%;
  height: 12px;
  background-color: #e8f3ff;
  margin-top: -12px;
  /* color: #7d8083; */
}

.esun-boxmin2 .boxmincontent .themessage {
  width: 100%;
  height: 47px;
  /* background-color: rgb(241, 50, 50); */
  margin-top: 23px;
}

.esun-boxmin2 .boxmincontent .themessage .themessagedown {
  margin-top: 14px;
  /* background-color: rgb(39, 98, 133); */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.esun-boxmin2 .boxmincontent .themessage .themessagedown .downleft {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-boxmin2 .boxmincontent .themessage .themessagedown .downright {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #86909c;
}

.esun-boxmin2 .boxmincontent .themessage .themessagedown .downright span {
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-receive-type5 .esun-box-center {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #86909c;
  line-height: 20px;
  text-align: center;
  z-index: 100;
}

.esun-receive-type7 {
  width: 67%;
  height: 626px;
  position: relative;
  margin-left: 0px;
  padding: 0px;
}

.esun-receive-type8 {
  width: calc((100% - 16px) * 0.33);
  height: 393px;
  position: relative;
}

.esun-charts-group .esun-box-title {
  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 600;
  color: #1d2129;
}

.esun-charts-group .left {
  float: left;
  width: 53%;
  height: 150px;
  margin-top: 5px;

  /* margin-left: 10%; */
  position: relative;
}

.esun-charts-group .left li {
  margin-top: 27px;
  position: relative;

  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
  position: relative;
  height: 23px;
  line-height: 25px;
  top: -10px;
}

.esun-charts-group .left li .colortips {
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 2px;

  margin-right: 8px;
  margin-top: 3px;
  position: absolute;
}

.esun-charts-group .left .lione {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 18px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .litwo {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 69px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .lithree {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 119px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .lione2 {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 18px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .litwo2 {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 69px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .lithree2 {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 119px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .lione3 {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 18px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .litwo3 {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 69px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .lithree3 {
  position: absolute;
  width: 100%;
  float: right;
  text-align: right;
  height: 20px;
  top: 119px;

  font-size: 20px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .left .lispecial {
  position: absolute;
  top: 70px;
  left: 104%;
  text-align: center;
  width: 22px;
  height: 22px;
  background: #f53f3f;
  border-radius: 11px;
  font-size: 10px;
  line-height: 22px;
  font-weight: 500;
  color: #ffffff;
}

.esun-charts-group .left .lispecial2 {
  position: absolute;
  top: 70px;
  left: 104%;
  text-align: center;
  width: 22px;
  height: 22px;
  background: #f53f3f;
  border-radius: 11px;
  font-size: 10px;
  line-height: 22px;
  font-weight: 500;
  color: #ffffff;
}

.esun-charts-group .left .lispecial3 {
  position: absolute;
  top: 70px;
  left: 104%;
  text-align: center;
  width: 22px;
  height: 22px;
  background: #f53f3f;
  border-radius: 11px;
  font-size: 10px;
  line-height: 22px;
  font-weight: 500;
  color: #ffffff;
}

.esun-charts-group .right {
  float: left;
  width: 40%;
  height: 150px;
  margin-top: 5px;
  /* background-color: rgb(209, 209, 209); */
  margin-left: 7%;
  position: relative;
}

.esun-charts-group .right .prcenttitel {
  position: absolute;
  top: 60px;
  left: 45px;
  width: 70px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-charts-group .right .prcentnum {
  /* background-color: rgb(194, 38, 38); */
  width: 170px;
  position: absolute;
  top: 100px;
  left: 0px;
}

.esun-charts-group .right .prcentnumok {
  margin-top: 10px;
  position: absolute;
  top: 100px;
  left: 60px;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
  display: none;
}

.esun-charts-group .right .prcentnumok span {
  font-size: 10px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-charts-group .right .prcentnumok2 {
  position: absolute;
  top: 100px;
  margin-top: 10px;
  left: 60px;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
  display: none;
}

.esun-charts-group .right .prcentnumok2 span {
  font-size: 10px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-charts-group .right .prcentnumok3 {
  position: absolute;
  margin-top: 10px;
  top: 100px;
  left: 60px;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
  display: none;
}

.esun-charts-group .right .prcentnumok3 span {
  font-size: 10px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

.esun-charts-group .right .prcentnum .prcentnumleft {
  float: left;
  /* background-color: rgb(37, 41, 240); */
  margin-top: 10px;
  width: 20%;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .right .prcentnum .prcentnumright {
  float: right;
  margin-top: 10px;
  /* background-color: rgb(54, 240, 37); */
  width: 20%;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .right .prcentnum .prcentnumleft2 {
  float: left;
  /* background-color: rgb(37, 41, 240); */
  width: 20%;
  margin-top: 10px;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .right .prcentnum .prcentnumright2 {
  float: right;
  /* background-color: rgb(54, 240, 37); */
  width: 20%;
  margin-top: 10px;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .right .prcentnum .prcentnumleft3 {
  float: left;
  margin-top: 10px;
  /* background-color: rgb(37, 41, 240); */
  width: 20%;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .right .prcentnum .prcentnumright3 {
  float: right;
  margin-top: 10px;
  /* background-color: rgb(54, 240, 37); */
  width: 20%;
  font-size: 16px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
}

.esun-charts-group .right .prcentnum span {
  font-size: 12px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #4e5969;
}

#completedworkshop {
  /* background-color: rgb(177, 45, 45); */
  width: 120%;
  height: 100%;
  margin-top: 10px;
  margin-left: -7%;
}

#proportionworkshop {
  /* background-color: rgb(177, 45, 45); */
  width: 110%;
  height: 70%;
  margin-top: 10px;
  margin-left: -5%;
}

#modelplannumber {
  /* background-color: rgb(177, 45, 45); */
  width: 100%;
  height: 100%;
  margin-top: -30px;
  margin-left: -10px;
}

.monthlycompletion {
  position: absolute;
  margin-left: 22px;
  top: 150px;
  left: 0px;
  width: 110px;
  height: 120px;
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #1d2129;
}

.monthlycompletion p {
  font-size: 32px;
  font-family: Helvetica Neue-Medium, Helvetica Neue;
  font-weight: 500;
  color: #1d2129;
  margin-top: 3px;
  margin-bottom: 5px;
}

.monthlycompletion .precent {
  color: #00b42a;
}

.monthlycompletion .precentword {
  padding-left: 5px;
  /* color: #ffffff; */
  color: #c7c7c7;
  /* color: #cbe5ff; */
}

#monthlycompletionprecent {
  /* background-color: rgb(177, 45, 45); */
  width: 107%;
  height: 100%;
  margin-top: 20px;
  margin-left: -18px;
  position: absolute;
}

#semicircle {
  /* background-color: rgb(177, 45, 45); */
  width: 120%;
  height: 100%;
  margin-top: 20px;
  margin-left: -15%;
}

#abcd {
  /* background-color: rgb(177, 45, 45); */
  position: relative;
  width: 120%;
  height: 100%;
  margin-top: 0px;
  margin-left: -15%;
}

#abcdd {
  /* background-color: rgb(177, 45, 45); */
  position: relative;
  width: 90%;
  height: 100%;
  margin-top: 0px;
  margin-left: 7%;
  display: none;
}

#efgh {
  /* background-color: rgb(74, 45, 177); */
  position: relative;
  width: 120%;
  height: 100%;
  margin-top: 0px;
  margin-left: -15%;
}

#efghh {
  /* background-color: rgb(177, 45, 45); */
  position: relative;
  width: 90%;
  height: 100%;
  margin-top: 0px;
  margin-left: 7%;
  display: none;
}

.modelone {
  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #1d2129;
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 100;
}

.modeltwo {
  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #1d2129;
  position: absolute;
  top: 413px;
  left: 24px;
}

.modelthree {
  font-size: 20px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 500;
  color: #1d2129;
  position: absolute;
  top: 1115px;
  left: 24px;
}

#schemaviewguid {
  position: absolute;
  top: 415px;
  left: 130px;
}

#schemaviewguid a {
  color: #86909c;
  font-size: 16px;
}
#schemaviewguid a:hover {
  color: #165dff;
  font-size: 16px;
}

#schemaviewguid span {
  font-size: 16px;
}

.schemaview {
  position: absolute;
  top: 410px;
  right: 2.5%;
  display: inline-block;
  width: 146px;
  height: 34px;
  background-color: #165dff;
  border-radius: 4px;
  font-size: 16px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 34px;
  padding-left: 40px;
}

.schemaview:hover {
  color: #ffffff;
}

.schemaview span {
  position: relative;
  left: 40px;
  line-height: 17px;
}

.schemaview img {
  /* margin-left:7px;
      margin-top:7px; */
  position: absolute;
  left: 10px;
  top: 7px;
  width: 20px;
  height: 20px;
}

/* /////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1600px) {
  .wrapper .esun-charts-group .esun-box .expensecontent .contentleft span {
    font-size: 28px;
  }
  .esun-receive-type5 {
    width: 67%;
    height: 939px;
  }

  .esun-boxmin {
    width: calc((100% - 16px) * 0.32);
  }

  .esun-boxmin:nth-child(4) {
    margin-top: 16px;
  }

  .modelthree {
    top: 1422px;
  }

  .esun-boxmin2 {
    width: calc((100% - 16px) * 0.32);
  }

  .esun-boxmin2:nth-child(4) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 1400px) {
  .wrapper .esun-charts-group .esun-receive-type1 {
    width: 100%;
    /* margin-top: 40px; */
  }

  .wrapper .esun-charts-group .esun-box .expensecontent .contentleft span {
    font-size: 36px;
  }

  .wrapper .esun-charts-group .esun-receive-type2 {
    width: 100%;
  }

  .wrapper .esun-charts-group .esun-receive-type3 {
    width: 100%;
  }

  .wrapper .esun-charts-group .esun-receive-type4 {
    width: 100%;
    height: 490px;
  }

  .wrapper .esun-charts-group .esun-receive-type5 {
    width: 100%;
    /* background-color: rgb(20, 201, 29); */
    height: 1300px;
  }

  .wrapper .esun-charts-group .esun-receive-type6 {
    width: 100%;
    height: 490px;
  }

  .wrapper .esun-charts-group .esun-receive-type7 {
    width: 100%;
  }

  .esun-boxmin {
    width: calc((100%) * 0.495);
    margin-left: 0px;
    /* margin-bottom: 20px; */
  }

  .esun-boxmin:nth-child(1) {
    margin-right: 1%;
    margin-top: 16px;
  }

  .esun-boxmin:nth-child(2) {
    margin-top: 16px;
  }

  .esun-boxmin:nth-child(3) {
    margin-right: 1%;
    margin-top: 16px;
  }

  .esun-boxmin:nth-child(4) {
    margin-top: 16px;
  }

  .esun-boxmin:nth-child(5) {
    margin-right: 1%;
  }

  .esun-boxmin:nth-child(7) {
    margin-right: 1%;
  }

  .modelone {
    top: 22px;
  }

  .modeltwo {
    top: 1082px;
  }

  .schemaview {
    top: 1080px;
  }

  .modelthree {
    top: 2952px;
  }
  #schemaviewguid {
    position: absolute;
    top: 1085px;
    left: 130px;
  }
  .esun-boxmin2 {
    width: calc((100%) * 0.495);
    margin-left: 0px;
    /* margin-bottom: 20px; */
  }

  .esun-boxmin2:nth-child(1) {
    margin-right: 1%;
    margin-top: 16px;
  }

  .esun-boxmin2:nth-child(2) {
    margin-top: 16px;
  }

  .esun-boxmin2:nth-child(3) {
    margin-right: 1%;
    margin-top: 16px;
  }

  .esun-boxmin2:nth-child(4) {
    margin-top: 16px;
  }

  #monthlybudget {
    height: 100%;
    width: 100%;
  }

  #abcd {
    display: none;
  }

  #abcdd {
    display: block;
  }

  #efgh {
    display: none;
  }

  #efghh {
    display: block;
  }
}
